<template>
    <div id="stuinfo">
       <el-row>
           <el-col :span='6' class="info-tit">姓名</el-col>
           <el-col :span='18' class="info-text">{{data.name?data.name:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">手机号</el-col>
           <el-col :span='18' class="info-text">{{data.tel?data.tel:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">身份证号</el-col>
           <el-col :span='18' class="info-text">{{data.id_card?data.id_card:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">关联机构</el-col>
           <el-col :span='18' class="info-text">{{data.team_id.title?data.team_id.title:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">服务网点</el-col>
           <el-col :span='18' class="info-text">{{data.branch_id.title?data.branch_id.title:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">关联教练</el-col>
           <el-col :span='18' class="info-text">{{data.coach_id.title?data.coach_id.title:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">关联训练场</el-col>
           <el-col :span='18' class="info-text">{{data.train_place_id.title?data.train_place_id.title:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">招生经办人</el-col>
           <el-col :span='18' class="info-text">{{data.link_man?data.link_man:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">招生渠道</el-col>
           <el-col :span='18' class="info-text">{{data.channel.title?data.channel.title:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">录入备注</el-col>
           <el-col :span='18' class="info-text">{{data.remark?data.remark:'-'}}</el-col>
       </el-row>
       <el-row>
           <el-col :span='6' class="info-tit">录入时间</el-col>
           <el-col :span='18' class="info-text">{{data.write_time?data.write_time:'-'}}</el-col>
       </el-row>
    </div>
</template>

<script>
export default {
    data(){
        return {

        }
    },
    props:{
      data:{
          type:Object,
          default:()=>{
            return {}
          }
      }

    }



}
</script>

<style scoped lang='scss'>
#stuinfo{
    ::v-deep{
      .el-row{
        border-bottom: 1px solid #f8f8f8;
        &:last-child{
          border-bottom: none;
        }
      }
    }
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    .info-tit{
      color: #333;
        font-weight: 600;
    background-color: #f8fafe;
    padding-left: 30px;
    height: 100%;
    line-height: 38px;
    }
    .info-text{
      padding-left: 20px;
      overflow: hidden;
      white-space: nowrap;
      line-height: 38px;
    }
}
</style>
